/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:12px;color:#595757;font-family:"宋体"; background:#ffffff}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 0.5em;}
p img.left {float:left;margin:0 14px 0 0;padding:0;}
p img.right {float:right;margin:0 0 0 5px;}
a:focus, a:hover {color:#000;outline:none;}
a {color:#3d3d3d;text-decoration:none;outline:0 none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0;padding-left:0; list-style:none;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;} 
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
a.a-1 { margin-left:11px;}

*:focus {outline:0 none;}

div.span-1, div.span-2, div.span-3, div.span-4,div.span-5,div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;}
.last{ float:right!important}
.span-1 {width:350px; }
.span-2{ width:810px;}
.span-3{ width:420px;}
.span-4{ width:357px;}
.span-5{ width:420px;}
.span-6{ width:375px; background:url(../images/bg_1.jpg) no-repeat center; height:329px}
.span-7{ width:314px}
.span-9{ width:480px}

.span-10{ width:264px}
.span-11{ width:900px;}
body{}
/*外部框架*/
.w-1{ max-width:1900px; _width:100%; margin:0 auto; min-width:1002px; position:relative}
.w{width:1205px; margin:0 auto; }

.bg-1{ background:url(../images/top_bg.jpg) repeat-x top}
.bg-2{ background:url(../images/bg_2.png) no-repeat center top; height:108px; margin-top:10px;}
.bg-3{ background:url(../images/banner.jpg) no-repeat center; height:118px}
.bg-4{ background:url(../images/bg_1.jpg) no-repeat center; height:302px;}
.bg-5{ background:url(../images/banner1.jpg) no-repeat center; height:134px;}
.bg-6{ background:url(../images/tit_3.jpg) no-repeat center 30px;}
/*页头*/
.header{ height:156px;padding:0;color:#565454; margin:0 auto}
.header h1{ margin:0;line-height:0; font-size:0; float:left; }
.header h1 img{}
.tel{height:139px; width:352px; float:right; text-align:left; background:url(../images/tel_bg.jpg) no-repeat right top}
.tel div{ padding-top:27px; color:#595757}
.tel div a{ color:#595757;}

/*导航*/

.nav {height: 76px;line-height: 76px;position: relative;z-index: 1;}
.nav .nLi {display: inline;float: left;position: relative; width:140px; text-align:center;}
.nav .nLi h3 {float: left; background:url(../images/nav_line.jpg) no-repeat right center; display:block; }
.nav .nLi h3 a {display: block;font-size: 14px;font-weight: bold; color:#ffffff;  width:140px; height:76px; line-height:76px}

.nav .sub {display: none;left: 0;position: absolute; top: 76px; height:auto; background:#f1f2f5; width:250px; padding-top:14px;  }
.nav .sub li { list-style:none; width:100px; float:left; background:none;  line-height:26px; margin:2px 10px 2px 10px; border-bottom:1px solid #dedede}
.nav .sub a {display: block; color: #555555;}
.nav .sub a:hover {color: #ffffff; background:#1d54d3;line-height:26px;}

/*焦点图*/
.banner{ height:265px; overflow:hidden; position:relative; z-index:0;}
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0;}
/*页脚*/

.foot{ color:#ffffff; line-height:30px;text-align:left; padding:30px; background:url(../images/weixin.jpg) no-repeat right center }
.foot p{ padding:10px;}
.foot p span{ font-size:18px; font-family:"微软雅黑"}

/*内部样式*/
.block-1{ text-align:center; padding:10px 15px 5px 15px; background:#f7f7f7}
.block-1 img{ padding-bottom:10px;}
.block-1 p{ line-height:22px; text-align:left;}


.block-2{ text-align:center;background:#f7f7f7; padding-top:10px;}

.block-2 p{ line-height:24px; text-align:left}

.block-3{ width:210px; background:#f7f7f7; margin-left:54px;}
.block-3 p{ padding:10px; text-align:left; line-height:24px;}

.block-4{ text-align:center; margin-top:10px;}
.block-4 a{  height:37px; line-height:37px; float:left; text-align:center; padding:0px 35px 0px 35px; font-family:"微软雅黑"; font-size:14px;background:#f2f2f2; margin-left:15px;}
.border{ border:1px solid #e5e5e5; background:#f7f7f7; padding:15px;}
.border1{ border:1px solid #e5e5e5; background:#f7f7f7; padding:10px ;}
/*分类列表*/
.subnav{list-style:none; margin:0 auto; width:210px; margin-left:54px; background:#f7f7f7}
.subnav li{ text-align:left;list-style:none; background:url(../images/sub_on.jpg) no-repeat center; height:40px; line-height:40px; padding-bottom:10px;}
.subnav li a{ color:#575757; display:block; font-size:12px; line-height:40px; padding-left:36px;}
.subnav li a:hover{color:#575757; background:url(../images/sub_hover.jpg) no-repeat center}


/*标题样式*/
.title-1{ background:url(../images/tit_1.jpg) no-repeat center; height:50px; font-family:"微软雅黑"; font-size:18px; color:#ffffff; text-align:center; line-height:50px;  }
.title-2{ text-align:left; background:url(../images/tit_2.jpg) repeat-x left bottom; height:50px; line-height:40px; font-size:20px; color:#575757; font-family:"微软雅黑"; }
.title-2 span{ color:#cdcdcd; font-size:16px}

.title-4{line-height:24px; font-family:"微软雅黑"; font-size:18px; color:#303030; text-align:center; padding-top:10px;}
.title-4 span{ font-size:14px; color:#b3b3b3}
.title-4 a{ background:url(../images/more1.png) no-repeat center; height:18px;text-indent:-100000px; width:67px; display:block; margin:0 auto}
.title-5{ background:url(../images/ny_tit.jpg) no-repeat center; height:109px; font-family:"微软雅黑"; color:#ffffff; font-size:24px; text-align:left; padding:25px 0px 0px 70px}
.title-6{ background:url(../images/ny_con.jpg) no-repeat right center; height:45px; line-height:36px; padding-left:70px; font-family:"微软雅黑"; color:#ffffff; font-size:16px; }
a.more{  float:right; width:42px; height:40px; line-height:40px; color:#ffba01; font-size:12px; padding-right:10px;  margin:0 auto; text-align:center; display:block; background:url(../images/more.jpg) no-repeat right;text-indent:-100000px;}
a.more1{  float:right; width:40px; height:45px; line-height:45px;  margin:0 auto; text-align:center; display:block; background:url(../images/more3.jpg) no-repeat  center; text-indent:-100000px}

/*面包屑*/ 
.place{ text-align:left; line-height:45px; float:right; font-size:12px; padding-right:15px;  color:#7d7d7d; }
.place a{ color:#7d7d7d; background:none; float:none; padding:0}
/*产品列表*/
.picScroll-left {position: relative; margin:15px 0px 0px 10px}
.picScroll-left .bd { width:354px; height:272px; background:#e4e4e4; padding:3px; }
.picScroll-left .bd .ul-2{list-style:none;margin:0; }
.picScroll-left .bd .ul-2 li{ margin:0; float:left!important;  clear:none!important; width:354px; height:272px;text-align:center;  }
.picScroll-left .bd .ul-2 li a{ display:block; text-align:center;}
.picScroll-left .bd .ul-2 li a.a-p{ text-align:center; color:#000000; font-size:14px; height:48px; line-height:48px; background:rgba(255, 255, 255, 0.6)!important;
filter:Alpha(opacity=60); background:#fff;  position:absolute; z-index:1000; bottom:0px; font-family:"微软雅黑"; display:block;width:354px;   }



.picScroll-left1 {position: relative; margin:80px 0px 0px 50px}
.picScroll-left1 .bd { width:281px; height:204px;  }
.picScroll-left1 .bd .ul-3{list-style:none;margin:0; }
.picScroll-left1 .bd .ul-3 li{ margin:0; float:left!important;  clear:none!important; width:281px; height:204px;text-align:center;  }
.picScroll-left1 .bd .ul-3 li a{ display:block; text-align:center;}
.picScroll-left1 .bd .ul-3 li a.a-p{ text-align:center; color:#000000; font-size:14px; height:48px; line-height:48px; background:rgba(255, 255, 255, 0.6)!important;
filter:Alpha(opacity=60); background:#fff;  position:absolute; z-index:1000; bottom:0px; font-family:"微软雅黑"; display:block;width:354px;   }

.picScroll-left2{position: relative; margin:15px 0px 0px 20px}
.picScroll-left2 .bd { width:450px; height:148px;  }
.picScroll-left2 .bd .ul-5{list-style:none;margin:0; }
.picScroll-left2 .bd .ul-5 li{ margin:0; float:left!important;  clear:none!important; width:205px; margin-left:10px; height:150px;text-align:center;  }
.picScroll-left2 .bd .ul-5 li div{width:205px; height:126px; text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:110px;}
.picScroll-left2 .bd .ul-5 li img{vertical-align:middle;}
.picScroll-left2 .bd .ul-5 li a{ display:block; text-align:center;}
.picScroll-left2 .bd .ul-5 li a.a-p{ text-align:center; color:#000000; font-size:14px; height:20px; line-height:20px; background:#dddddd  }

.picScroll-left3{position: relative; margin:0px 0px 0px 20px}
.picScroll-left3 .bd { width:450px; height:148px;  }
.picScroll-left3 .bd .ul-5{list-style:none;margin:0; }
.picScroll-left3 .bd .ul-5 li{ margin:0; float:left!important;  clear:none!important; width:205px; margin-left:10px; height:150px;text-align:center;  }
.picScroll-left3 .bd .ul-5 li div{width:205px; height:126px; text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:110px;}
.picScroll-left3 .bd .ul-5 li img{vertical-align:middle;}
.picScroll-left3 .bd .ul-5 li a{ display:block; text-align:center;}
.picScroll-left3 .bd .ul-5 li a.a-p{ text-align:center; color:#000000; font-size:14px; height:20px; line-height:20px; background:#dddddd  }


.picScroll-left6{position: relative; margin:0 auto; padding-top:20px;}
.picScroll-left6 .bd { width:1200px; height:200px;  }
.picScroll-left6 .bd .ul-6{list-style:none;margin:0; }
.picScroll-left6 .bd .ul-6 li{ margin:0; float:left!important;  clear:none!important; width:231px; margin-right:10px; height:200px;text-align:center;  }
.picScroll-left6 .bd .ul-6 li div{width:231px; height:196px; border:1px solid #dedede; text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:171px;}
.picScroll-left6 .bd .ul-6 li img{vertical-align:middle;}
.picScroll-left6 .bd .ul-6 li a{ display:block; text-align:center;}
.picScroll-left6 .bd .ul-6 li a.a-p{ text-align:center; color:#000000; font-size:14px; height:20px; line-height:20px; background:#dddddd  }


.ul-1{list-style:none;margin:0; padding:8px; }
.ul-1 li{ margin:0; float:left!important;  clear:none!important; width:146px; height:40px; background:#0255a8; line-height:40px; text-align:center; margin-left:2px; margin-bottom:2px;}
.ul-1 li a{ display:block; text-align:center; height:40px; line-height:40px; font-family:"微软雅黑"; color:#ffffff; font-size:12px;}

.ul-4{list-style:none;margin:0; padding:10px 8px 8px 8px; }
.ul-4 li{ margin:0; float:left!important;  clear:none!important; width:146px; height:71px; background:#0255a8; line-height:71px; text-align:center; margin-left:2px; margin-bottom:2px;}
.ul-4 li a{ display:block; text-align:center; height:71px; line-height:71px; font-family:"微软雅黑"; color:#ffffff; font-size:12px;}

/*新闻列表*/

.ul-news { list-style:none;}
.ul-news li{line-height:30px; height:30px; background:url(../images/coin.jpg) no-repeat left center; padding-left:10px;clear:both; }
.ul-news li a{ font-size:12px; float:left;  color:#5a5a5a;}
.ul-news li a:hover{color:#f00;}
.ul-news li span{ float:right; color:#5a5a5a;}

.ul-news li.li-1{ background:url(../images/pic_news.jpg) no-repeat left center; height:90px; list-style:none; clear:both; margin-top:18px; border-bottom:none}
.ul-news li.li-1 div{ width:215px; float:right}
.ul-news li.li-1 div a{ float:none; font-size:18px; font-family:"微软雅黑"; line-height:25px;}
.ul-news li.li-1 div p{ line-height:18px; text-align:left; padding-top:5px; color:#868686}

.links{ color:#686666; background:url(../images/link_bg.jpg) no-repeat left center; height:72px }

.links p{ padding-left:220px; text-align:left; padding-top:10px;}
.links a{ color:#686666; line-height:30px; float:left; padding-right:15px;}

/*内容*/
div.content{margin:0 auto; min-height:622px; padding:15px; line-height:24px;margin-bottom:15px; }
div.content p{line-height:24px; font-size:12px;}

/*表单*/
.guestbook ul{ list-style:none; padding-left:15px; text-align:left}
.guestbook ul li{ line-height:26px; font-size:14px; border-bottom:1px dashed #c2a9a4; padding-left:15px;}

/*ϵ*/
/*边距*/
.pad{ padding:0px 80px 0px 60px; display:inline}
.mrg-t-5{ margin-top:5px;}
.mrg-t-10{ margin-top:10px;}
.mrg-t-20{ margin-top:20px;}
.mrg-t-30{ margin-top:30px;}
.mrg-left{ margin-left:15px; display:inline}
.mrg-left1{ margin-left:10px; display:inline}
.none-m{ margin:15px 0 0;}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}
.block{ font-family:"微软雅黑"; font-size:16px;}
.b-1{position:absolute; cursor:pointer; top:70px; left:15px; width:73px; height:30px; line-height:30px; }
.b-2{ position:absolute; cursor:pointer; top:70px; left:195px; width:73px; height:30px; line-height:30px;}
.b-3{ position:absolute; cursor:pointer; top:70px; left:385px; width:73px; height:30px; line-height:30px;}
.b-4{ position:absolute; cursor:pointer; top:70px; left:565px; width:73px; height:30px; line-height:30px;}
.b-5{ position:absolute; cursor:pointer; top:70px; right:375px; width:73px; height:30px; line-height:30px;}
.b-6{ position:absolute; cursor:pointer; top:70px; right:195px; width:73px; height:30px; line-height:30px;}
.b-7{ position:absolute; cursor:pointer; top:70px; right:5px; width:73px; height:30px; line-height:30px;}
.c-1{left:15px; position:absolute; z-index:100;width:63px; height:72px; color:#ffffff; font-size:20px; line-height:72px;  text-align:center;font-family:"微软雅黑"; cursor:pointer; }
.c-2{left:195px; position:absolute; z-index:100;width:63px; height:72px; color:#ffffff; font-size:20px; line-height:72px;  text-align:center;font-family:"微软雅黑";  cursor:pointer;}
.c-3{left:385px; position:absolute; z-index:100; width:63px; height:72px; color:#ffffff; font-size:20px; line-height:72px;  text-align:center;font-family:"微软雅黑"; cursor:pointer;}
.c-4{left:565px; position:absolute; z-index:100; width:63px; height:72px; color:#ffffff; font-size:20px; line-height:72px;  text-align:center;font-family:"微软雅黑"; cursor:pointer;}
.c-5{right:385px; position:absolute; z-index:100;width:63px; height:72px; color:#ffffff; font-size:20px; line-height:72px;  text-align:center;font-family:"微软雅黑"; cursor:pointer;}
.c-6{right:205px; position:absolute; z-index:100;width:63px; height:72px; color:#ffffff; font-size:20px; line-height:72px;  text-align:center;font-family:"微软雅黑"; cursor:pointer;}
.c-7{right:15px; position:absolute; z-index:100; width:63px; height:72px; color:#ffffff; font-size:20px; line-height:72px;  text-align:center;font-family:"微软雅黑"; cursor:pointer;}
.a-1{position:absolute; cursor:pointer; top:0px; left:15px; z-index:10; background:url(../images/pic_bg.png) no-repeat center; width:63px; height:72px;  }
.a-2{position:absolute; cursor:pointer; top:0px; left:195px; z-index:10; background:url(../images/pic_bg.png) no-repeat center; width:63px; height:72px; }
.a-3{position:absolute; cursor:pointer; top:0px; left:385px; z-index:10; background:url(../images/pic_bg.png) no-repeat center; width:63px; height:72px;}
.a-4{position:absolute; cursor:pointer; top:0px; left:565px; z-index:10; background:url(../images/pic_bg.png) no-repeat center; width:63px; height:72px;  }
.a-5{position:absolute; cursor:pointer; top:0px; right:385px; z-index:10; background:url(../images/pic_bg.png) no-repeat center; width:63px; height:72px; }
.a-6{position:absolute; cursor:pointer; top:0px; right:205px; z-index:10; background:url(../images/pic_bg.png) no-repeat center; width:63px; height:72px; }
.a-7{position:absolute; cursor:pointer; top:0px; right:15px; z-index:10; background:url(../images/pic_bg.png) no-repeat center; width:63px; height:72px; }
.c-1 a,.c-2 a, .c-3 a,.c-4 a,.c-5 a,.c-6 a,.c-7 a{ color:#ffffff; }

@-webkit-keyframes xuanzhuan {
  0% {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform:rotateZ(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform:rotateZ(360deg);
  }
}
@-moz-keyframes xuanzhuan {
  0% {
    -moz-transform-origin: 50% 50%;
    -moz-transform:rotateZ(0deg);
  }
  100% {
    -moz-transform-origin: 50% 50%;
    -moz-transform:rotateZ(360deg);
  }
}
@-o-keyframes xuanzhuan {
  0% {
    -o-transform-origin: 50% 50%;
    -o-transform:rotateZ(0deg);
  }
  100% { 
    -o-transform-origin: 50% 50%;
    -o-transform:rotateZ(360deg);
  }
}
@keyframes xuanzhuan {
   0%{
    transform-origin: 50% 50%;
    transform:rotateZ(0deg);
   }

  100% {
    transform-origin: 50% 50%;
    transform: rotateZ(360deg);
  }
}
.div1:hover .a-1, .div2:hover .a-2, .div3:hover .a-3, .div4:hover .a-4, .div5:hover .a-5, .div6:hover .a-6, .div7:hover .a-7{animation:xuanzhuan 0.5s linear;
	-moz-animation:xuanzhuan 0.5s linear;
	-webkit-animation:xuanzhuan 0.8s linear;
	-o-animation:xuanzhuan 0.8s linear;}


